@extends('corporation.layouts.layout')

@section('content')
<div class="col-sm-12">
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>查看日志</h5>
        </div>
        <div class="ibox-content">

            <div class="row">
                <form method="get" action="/admin/users">
                  <div class="col-sm-3 m-b-xs">
                      <input  placeholder="输入搜索内容"
                              class="form-control" value=""  name="keyword">
                  </div>
                    {{--<div class="col-sm-3 m-b-xs">
                        <input  placeholder="结束日期"
                                class="form-control layer-date" id="end" name="end_date">
                    </div>--}}
                 <div class="col-sm-1 pull-right">
                    <button type="submit" class="btn btn-info" id="searchLogs">搜索</button>
                  </div>
                </form>
            </div>

            <hr >
            <div class="table-responsive">
                <table class="table table-hover dataTable" id="logs">

                    <thead>
                        <tr>
                            <th>日期</th>
                            <th>时间</th>
                            <th>姓名</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th>2017-8-8</th>
                            <th>21:24</th>
                            <th>张三</th>
                            <th><a href="javascript:void(0);" onclick="openModal();">查看</a></th>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="modal inmodal in" id="myModal" style="display: none;" aria-hidden="true" style="display: block; padding-left: 6px;">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <button type="button" class="close" onclick="closeModal()"><span aria-hidden="true">×</span><span class="sr-only">关闭</span>
                </button>
                <h5 class="modal-title">实习日志</h5></div>
                <div class="modal-body">
                    <p><strong>吴坤坤</strong> 运营实习生 山东大学</p>
                    <br>
                    <p class="font-bold">今日完成工作</p>
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-4">今天完成了：</div>
                        <div class="col-md-6">XXXXXXXXXX</div>
                    </div>
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-4">我做了：</div>
                        <div class="col-md-6">XXXXXXXXXX</div>
                    </div>
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-4">协作了：</div>
                        <div class="col-md-6">XXXXXXXXXX</div>
                    </div>
                    <p class="font-bold">未完成工作</p>
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-4">今天完成了：</div>
                        <div class="col-md-6">XXXXXXXXXX</div>
                    </div>
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-4">我做了：</div>
                        <div class="col-md-6">XXXXXXXXXX</div>
                    </div>
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-4">协作了：</div>
                        <div class="col-md-6">XXXXXXXXXX</div>
                    </div>
                    <p class="font-bold">备注</p>
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-4">今天完成了：</div>
                        <div class="col-md-6">XXXXXXXXXX</div>
                    </div>
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-4">我做了：</div>
                        <div class="col-md-6">XXXXXXXXXX</div>
                    </div>
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-4">协作了：</div>
                        <div class="col-md-6">XXXXXXXXXX</div>
                    </div>
                    <p class="font-bold">图片</p>
                    <div class="row">
                        <div class="col-md-4"><img src="..." alt="..." class="img-thumbnail"></div>
                        <div class="col-md-4"><img src="..." alt="..." class="img-thumbnail"></div>
                        <div class="col-md-4"><img src="..." alt="..." class="img-thumbnail"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="closeModal()">OK</button>
                </div>
            </div><small class="font-bold">
        </small></div><small class="font-bold">
    </small>
</div>


@endsection

@section('script')

    <script type="text/javascript">
        // 查看详情
        function openModal(){
            $("#myModal").css("display","block");
        }

        function closeModal(){
            $("#myModal").css("display","none");
        }
    </script>


    <script type="text/javascript">

        // 设置状态栏激活

        $('.click-nav').removeClass('active');
        localStorage.clear();
        $('#nav4').addClass('active');
        localStorage.setItem('nav_st', 4);
    </script>
@endsection
